<template>

  <div>
    <nut-tabbar bottom="true" @tab-switch="tabSwitch" unactive-color="#7d7e80" active-color="#1989fa">
      <nut-tabbar-item tab-title="首页" icon="home"></nut-tabbar-item>
      <nut-tabbar-item tab-title="订单" icon="cart"></nut-tabbar-item>
      <nut-tabbar-item tab-title="我的" icon="my"></nut-tabbar-item>
    </nut-tabbar>
  </div>

</template>


<script>

import HomePageView from "@/views/HomePageView";
import OrderView from "@/views/OrderView";
import PersonalCenterView from "@/views/PersonalCenterView";

export default {
  name: "AppContainer",
  components: {
    HomePageView,
    OrderView,
    PersonalCenterView
  },
  data() {
    return {
      active: 'home-page'
    }
  },
  methods: {
    tabSwitch(iterm, index) {
      console.log(iterm, index)
    }
  }
}
</script>

<style scoped>

</style>